<template>
  <!-- 废弃 -->
  <view class="hb-fixed hb-bottom-6 hb-left-0 hb-z-10 hb-px-4 hb-w-full">
    <view
      class="hb-px-3 hb-w-full hb-py-4 hb-bg-white hb-box-shadow-base hb-flex hb-items-center hb-rounded-xl"
    >
      <view class="hb-flex-1 hb-flex hb-items-center">
        <TmImage
          class="hb-mr-2"
          src="https://s3-alpha-sig.figma.com/img/0fd9/9fc7/86330057a6eaacd3ef2bee9518da5dc7?Expires=1742774400&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=bCz5iwpPcTUrTgZUX9JtNiGGWsI7ssRlRDNyEippR5Fzj3NK8yD5~EAbcHksyzgZKLkzmjd1-aTTTaVyDfjTngs4r9L9WO7arC-QDWv2zUXVRywJl3buto6jrDxM6jqk9nMBeNFbhY3xVmFhnpI2Ohhy22fgpGlTGvwB-wOARpnBVngTEBJUoJ9EWJYgjnh6a-Kqs5m7EEWufMXawXdMkdk~K~8CViXwmYDN8nH5HyDzJNUExsDP9i2N7lwSHcya02-sSvWOGXW~iplVpmSCE3SWlDltmpbIe20t9zK~SKBNrYM6LgUUmPb~784oZ07FLL3oznqu51BY80qJI08X4Q__"
          :width="56"
          :height="56"
          :round="4"
        />
        <TmText label="邀请你加入圈子" :font-size="28" />
      </view>
      <view
        v-if="isNull(reviewStatus) || isUndefined(reviewStatus)"
        class="hb-flex hb-items-center hb-gap-3"
      >
        <TmButton
          :margin="[0, 0]"
          :padding="[32, 0]"
          :block="true"
          :follow-theme="false"
          color="#EA5E0E"
          :height="64"
          :font-size="24"
          :round="16"
          label="拒绝"
        />
        <TmButton
          :margin="[0, 0]"
          :padding="[32, 0]"
          :block="true"
          :follow-theme="false"
          color="primary"
          :height="64"
          :font-size="24"
          :round="16"
          label="同意"
        />
      </view>
      <TmButton
        v-if="reviewStatus === ReviewStatusEnum.PENDING"
        :margin="[0, 0]"
        :padding="[32, 0]"
        :block="true"
        :follow-theme="false"
        color="primary"
        font-color="primary"
        :height="64"
        :font-size="24"
        outlined
        :round="16"
        label="审核中"
      />
      <TmButton
        v-if="reviewStatus === ReviewStatusEnum.REJECTED"
        :margin="[0, 0]"
        :padding="[32, 0]"
        :block="true"
        :follow-theme="false"
        color="#F2F3F5"
        :height="64"
        :font-size="24"
        :round="16"
        label="已拒绝加入"
      />
    </view>
  </view>
</template>

<script setup lang="ts">
  import { ReviewStatusEnum } from '@/enums/PublicEnum';
  import { isUndefined, isNull } from 'lodash-es';

  defineProps<{
    reviewStatus?: ReviewStatusEnum | null;
  }>();
</script>

<style scoped></style>
